<template>
  <div class="layout">
    <div class="left">
      <ul>
        <li><RouterLink to="/dashboard">Dashboard</RouterLink></li>
        <li><RouterLink to="/role">角色管理</RouterLink></li>
        <li><RouterLink to="/menu">菜单管理</RouterLink></li>
        <li><RouterLink to="/auth">权限管理</RouterLink></li>
      </ul>
    </div>
    <div class="right">
      <RouterView />
    </div>
  </div>
</template>

<style scoped>
.layout {
  display: flex;
  height: 100%;
}

.left {
  width: 200px;
  height: 100%;
  background-color: pink;
}

.right {
  flex: 1;
  background-color: aqua;
}
</style>
